iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 139 瀏覽

鐵人賽 JavaScript DAY 23

我推的TypeScript 操作大全系列第 23 篇

技術我推Day23 - 超強 TypeScript 陣列方法解析：讓你事半功倍的 6 大終極技巧！

型別系統，讓你在專案中脫穎而出你是否曾經覺得在寫程式時，總是會有些小錯誤偷偷溜進來，讓你頭痛不已？🤯 別擔心，TypeScript 的型別系統就像是你的專...

Sunny.Cat ‧ 2024-10-07

0 Like 0 留言 488 瀏覽

鐵人賽 Modern Web DAY 29

設計系統 - Design System 系列第 29 篇

技術 [Day 29] Design System - 小結

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言本篇將會回顧這系列的架構與工具架構首先是架構的部分，這...

Jing.tech ‧ 2023-10-14

0 Like 0 留言 268 瀏覽

鐵人賽 Modern Web DAY 28

設計系統 - Design System 系列第 28 篇

技術 [Day 28] Design System - Visual Regression Testing

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言本篇將來介紹測試，測試是在軟體開發中一個重要的環節，而像 D...

Jing.tech ‧ 2023-10-13

0 Like 0 留言 213 瀏覽

鐵人賽 Modern Web DAY 27

設計系統 - Design System 系列第 27 篇

技術 [Day 27] Design System - i18n

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言全球化不僅是只有翻譯這麼簡單，還需要讓不同文化及語言的使用者...

Jing.tech ‧ 2023-10-12

0 Like 0 留言 383 瀏覽

鐵人賽 Modern Web DAY 26

設計系統 - Design System 系列第 26 篇

技術 [Day 26] Design System - Theme 深淺模式

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言深淺主題已經在前端社群風靡多年，小至個人部落格大至世界級客戶...

Jing.tech ‧ 2023-10-11

0 Like 0 留言 385 瀏覽

鐵人賽 Modern Web DAY 25

設計系統 - Design System 系列第 25 篇

技術 [Day 25] Design System - 文檔建置

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言大多數人一開始都是透過文檔去了解一個套件它想要解決什麼問題，...

Jing.tech ‧ 2023-10-10

0 Like 0 留言 345 瀏覽

鐵人賽 Modern Web DAY 24

設計系統 - Design System 系列第 24 篇

技術 [Day 24] Design System - Linting Workflow

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言本篇會介紹另外一個工作流 (workflow)，分別是 Ac...

Jing.tech ‧ 2023-10-09

0 Like 0 留言 262 瀏覽

鐵人賽 Modern Web DAY 23

設計系統 - Design System 系列第 23 篇

技術 [Day 23] Design System - Version & Release

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言本篇要來介紹 Design System 的版本控制與發佈流...

Jing.tech ‧ 2023-10-08

0 Like 0 留言 272 瀏覽

鐵人賽 Modern Web DAY 22

設計系統 - Design System 系列第 22 篇

技術 [Day 22] Design System - Storybook Deployment

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言接下來會花一些篇幅來介紹如何透過 Github Action...

Jing.tech ‧ 2023-10-07

0 Like 0 留言 295 瀏覽

鐵人賽 Modern Web DAY 21

設計系統 - Design System 系列第 21 篇

技術 [Day 21] Design System - Button (二)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言在 Button 這個系列篇章，我們介紹到了許多先前所提到...

Jing.tech ‧ 2023-10-06

0 Like 0 留言 249 瀏覽

鐵人賽 Modern Web DAY 20

設計系統 - Design System 系列第 20 篇

技術 [Day 20] Design System - Focus Ring

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言今天將介紹另外一個 Accessibility 常見的組件，...

Jing.tech ‧ 2023-10-05

0 Like 0 留言 195 瀏覽

鐵人賽 Modern Web DAY 19

設計系統 - Design System 系列第 19 篇

技術 [Day 19] Design System - Button (一)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言繼前篇提到 Button 的 Spec 之後，本篇將來介紹...

Jing.tech ‧ 2023-10-04

0 Like 0 留言 261 瀏覽

鐵人賽 Modern Web DAY 18

設計系統 - Design System 系列第 18 篇

技術 [Day 18] Design System - Ripple 組件

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言 Ripple Effect 是 Material Desig...

Jing.tech ‧ 2023-10-03

0 Like 0 留言 241 瀏覽

鐵人賽 Modern Web DAY 17

設計系統 - Design System 系列第 17 篇

技術 [Day 17] Design System - CSS 設置

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言因為先前都還沒有介紹 CSS 的設置，本來想在 Button...

Jing.tech ‧ 2023-10-02

0 Like 0 留言 414 瀏覽

鐵人賽 Modern Web DAY 16

設計系統 - Design System 系列第 16 篇

技術 [Day 16] Design System - Button (Spec)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言對於此次 Design System 組件的 styling...

Jing.tech ‧ 2023-10-01

0 Like 0 留言 215 瀏覽

鐵人賽 Modern Web DAY 15

設計系統 - Design System 系列第 15 篇

技術 [Day 15] Design System - Layout

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言 Layout，它就像是一個家的格局，通常裝潢房子前的第一件事...

Jing.tech ‧ 2023-09-30

0 Like 0 留言 407 瀏覽

鐵人賽 Modern Web DAY 13

設計系統 - Design System 系列第 13 篇

技術 [Day 13] Design System - Style Dictionary

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言在未來的篇章，我們終於要來開始實作需要 CSS 的組件了，但...

Jing.tech ‧ 2023-09-28

0 Like 0 留言 206 瀏覽

鐵人賽 Modern Web DAY 12

設計系統 - Design System 系列第 12 篇

技術 [Day 12] Design System - Common Hook (二)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...

Jing.tech ‧ 2023-09-27

0 Like 0 留言 413 瀏覽

鐵人賽 Modern Web DAY 10

設計系統 - Design System 系列第 10 篇

技術 [Day 10] Design System - React Slots (插槽) - 實作

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...

Jing.tech ‧ 2023-09-25

0 Like 0 留言 320 瀏覽

鐵人賽 Modern Web DAY 8

設計系統 - Design System 系列第 8 篇

技術 [Day 8] Design System - FocusScope 組件 (二)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言在上一篇 FocusScope 中，我們介紹了 FocusS...

Jing.tech ‧ 2023-09-23

0 Like 0 留言 317 瀏覽

鐵人賽 Modern Web DAY 7

設計系統 - Design System 系列第 7 篇

技術 [Day 7] Design System - FocusScope 組件

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！原本今日計畫寫的內容是關於 Design System 文檔建置...

Jing.tech ‧ 2023-09-22

0 Like 0 留言 381 瀏覽

鐵人賽 Modern Web DAY 6

設計系統 - Design System 系列第 6 篇

技術 [Day 6] Design System - 專案建置 (二）與 Visually Hidden 組件

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言在上一章我們設定並介紹了 pnpm, turbo 與 cha...

Jing.tech ‧ 2023-09-21

0 Like 1 留言 430 瀏覽

鐵人賽 Modern Web DAY 5

設計系統 - Design System 系列第 5 篇

技術 [Day 5] Design System - 專案建置 (一）

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言接下來將會介紹如何建置一個 Design System 的...

Jing.tech ‧ 2023-09-20

0 Like 0 留言 498 瀏覽

鐵人賽 Modern Web DAY 4

設計系統 - Design System 系列第 4 篇

技術 [Day 4] Design System - Accessibility

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！前言 Accessibility 又稱 A11y，因為 Acce...

Jing.tech ‧ 2023-09-19

0 Like 0 留言 1368 瀏覽

鐵人賽 Software Development DAY 24

IT邦鐵人賽文章搜尋引擎系列第 24 篇

技術 [Day 24] 為什麼需要 design system - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 隨著作為開發者的時間年復一年的過去，我最終認識到 Design System 的重要性，它不僅僅只是為了設計...

tainvecs ‧ 2022-10-09

0 Like 0 留言 985 瀏覽

鐵人賽 Modern Web DAY 7

產品設計師的 Chakra UI & framer-motion 實作筆記系列第 7 篇

技術 Chakra UI 打造設計系統07: Semantic Tokens

Semantic Tokens 語意化的 Token 前些日子完成了部分的 Design System 中的顏色而這些顏色有做到部分程度的語意化，像是 blue...

indexhui ‧ 2022-09-20 ‧團隊桌遊玩樂團

1 Like 0 留言 1353 瀏覽

鐵人賽 Modern Web DAY 5

產品設計師的 Chakra UI & framer-motion 實作筆記系列第 5 篇

技術 Chakra UI 打造設計系統05: Fonts

字體在系統化的介面設計中是重要的構成要素之一。取決於字體家族 fontFamily、字級行高 fontSize LineHeight、字重 fontWeigh...

indexhui ‧ 2022-09-18 ‧團隊桌遊玩樂團

1 Like 1 留言 3121 瀏覽

鐵人賽 Modern Web DAY 30

玩轉 Storybook 系列第 30 篇

技術玩轉 Storybook: Day 30 總結 & 學習資源

根據研究指出，重用程式碼可以節省42–81％的時間，並提高生產力 40％。易於共享UI元件的Design System在開發團隊中越來越流行。 Design S...

lala_lee_jobs ‧ 2020-10-15

1 Like 0 留言 1732 瀏覽

鐵人賽 Modern Web DAY 29

玩轉 Storybook 系列第 29 篇

技術玩轉 Storybook: Day 29 Design System for Developers - Distribute

在整個組織中發佈 Design System 從架構的角度來看，Design System 如同 lodash、moment 一樣，可做為專案開發過程的 dep...

lala_lee_jobs ‧ 2020-10-14

1 Like 0 留言 1743 瀏覽